<div>  <div id="top">
    <div class="container">
      <div class="text">
        <p><span class="iconfont icon-shouyeshouye"></span>熊猫优选</p>
        <p>嘿，欢迎来到熊猫优选</p>
        <p><a href="/html/login.html">请登录</a></p>
        <p><a href="/html/register.html">免费注册</a></p>
      </div>
    </div>
  </div>
  <!-- 导航 -->
  <div id="nav">
    <div class="container">
      <!-- logo -->
      <div class="logo">
        <a href="/index.html"><img src="/img/logo.png" alt=""></a>
        <div>
          <h3>熊猫优选</h3>
          <span>XIONG MAO YOU XUAN</span>
        </div>
      </div>
      <!-- search -->
      <form class="search">
        <img src="/img/head_searc.png" alt="">
        <input type="text" name="keyword" placeholder="搜索商品，发现更多优惠">
        <button class="searchBtn">搜索</button>
      </form>
      <!-- icon -->
      <div class="icon">
        <a href="#">
          <img src="/img/head01.png" alt="全程包邮">
          <span>全程包邮</span>
        </a>
        <a href="#">
          <img src="/img/head02.png" alt="全程包邮">
          <span>7天退换</span>
        </a>
        <a href="#">
          <img src="/img/head03.png" alt="全程包邮">
          <span>品质保证</span>
        </a>
        <a href="/html/cart.html">
          <span class="iconfont icon-gouwuche"></span>
          <span>购物车</span>
        </a>
      </div>
    </div>
  </div></div>